@charset "utf-8";
@import "public";/*公共*/
@import "top";/*头部*/
@import "footer";/*尾部*/
$width:1190px;
$chover:#e5004f;
.margin2{
    width: 980px;
    margin: 0 auto;
    }
#search{
    
    overflow: hidden;
    .logo{
            float: left;
            width: 215px;
            height: 76px;
            margin-top: 21px;
            a{
                display: block;
                overflow: hidden;
                width: 215px;
                height: 76px;
                text-indent: -999px;
                background:#eee url('http://r.ytrss.com/rs/img/header-20160223.gif') 0 0 no-repeat;
            }
        }
}
 
#main{
    background: #eee;
    width: 100%;
    min-width: 980px;
    padding-bottom: 20px;
    .xia{padding: 20px;background: #fff;margin-top: 20px;}
    .xia-s{    
        height: 80px;
        margin-bottom: 10px;
        h3{
            float: left;
            width: 112px;
            height: 80px;
            text-indent: -999px;
            overflow: hidden;
            background: url(../images/shopping-head.jpg) 0 0 no-repeat;
        }
        .process{
            width: 538px;
            padding-top: 3px;
            float: right;
            margin-right: 10px;
            display: inline;
            background: url(../images/shopping-head.jpg) -158px 5px no-repeat;
            div{
                font-size: 14px;
                
                
                float: left;
                vertical-align: top;
                text-align: center;
                font-family: "\5fae\8f6f\96c5\9ed1";
            }
            span{text-align: center;}
            em{padding-top: 18px;
    color: #999;display: block;}
            }
        .g1{
            width: 76px;
            color: #e4004d;
            background: url(../images/shopping-head.jpg) -158px -52px no-repeat ;
            em{color: $chover;}
            }
        .g2{
            width: 402px;
            text-align: center;
            color: #999;
        }
        .g3{
            width: 60px;
            color: #999;
        }
    }
        .xia-x{
            width: 940px;
            overflow: hidden;
            //background: url('http://r.ytrss.com/rs/img/EC/v3/shopcart/coupon-bg_20131012.png') 0 0 repeat-x;
            margin: 10px auto;
        }
        .inner{
             overflow: hidden;
             padding: 72px 0 0 281px;
             width: 659px;
            .img{
                float: left;
                width: 108px;
                height: 144px;
                margin-right: 30px;
                background: url(../images/shopping-head.jpg) -754px 0 no-repeat;
            }
            .text{
                float: left;
                h3{ 
                    font-size: 14px;
                    padding-top: 27px;
                    height: 26px;
                    color: #666;
                   }
                p{
                    height: 38px;
                    color: #333;
                   }
                a{
                    padding: 7px 16px 9px;
                    font-weight: 700;
                    height: 35px;
                    color: #eee;
                    background:#525252 url('http://r.ytrss.com/rs/img/hp/rpt.png')repeat-x 0 -109px;    
                        
                }
            }
        }
}    


#add{
    .title{
        height: 30px;
        background-color: #666;
        span{
            display: block;
            float: left;
            line-height: 30px;
            text-align: left;
            font-weight: 700;
            overflow: hidden;
            color: #fff;
            }
         #quanxuan{
            width: 103px;
            padding-left: 27px;
        }
        span:nth-child(2){
        width: 372px;
        }
        span:nth-child(3){
            width: 130px;
        }
        span:nth-child(4){
            width: 66px;
            padding-right: 60px;
            text-align: center;
        }
        span:nth-child(5){
            width: 90px;
        }
        span:nth-child(6){
            width: 92px;
        }
    }
    .table{
        width: 940px;
        margin-bottom: 10px;
       }
   h3{
        //position: relative;
        height: 30px;
        border: 1px solid #e2e2e2;
        border-bottom: none;
        background-color: #eee;
        padding-left: 10px;
        font-size: 12px;
        line-height: 30px;
        color: #666;
   }
   table{
        width: 940px;
        border: 1px solid #e2e2e2;
        border-top: none;
   }
   tr{
        
        border-bottom: 1px solid #e2e2e2;
        background-color: #fff;
   }
   td{height: 62px;padding: 15px 0;}
   .checkbox{
        width: 40px;
        height: 62px;
        padding-left: 26px;
        input{
            margin-top: 14.5px;
        }
   }
   .img{
        width: 45px;
        height: 60px;
        margin-right: 10px;
        overflow: hidden;
        
        background-color: #fff;
        img{
            width: 45px;
            height: 60px;
            border: 1px solid #efefef;
        }
   }
   .xiangq{
        margin-left: 10px;
        width: 328px;
        position: relative;
    .name-t{
        position: absolute;
        top: 15px;
        left: 10px;
        span{
            float: left;
            width: 18px;
            height: 17px;
            margin-right: 5px;
            vertical-align: middle;
            display: inline-block;
            background: url("http://r.ytrss.com/rs/img/ec/v3/miao-card-small.png");
        }
        p{
            float: left;
            color: #666;
        }
        
    }
    .xijie{
            width: 328px;
            position: absolute;
            top: 50px;
            left: 10px;
            height: 22px;
            line-height: 22px;
            span{
                margin-right: 10px;
                color: #999;
            }
        }
   
    
   }
   .price{
       width: 130px;
       color: $chover;
       padding-left:10px;
       text-align: center;
       margin-top: 11px;
       line-height: 20px;
       font-weight: 600;
       font-size: 16px;
   }
   .number{
        width: 80px;
        height: 20px;
        padding-right: 50px;
        padding-left: 50px;
        text-align: center;
        a{
            width: 18px;
            height: 20px;
            display:inline-block;
            float: left;
            border: 1px solid #ccc;
            margin: 0;
            cursor: pointer;
            background:#eee url('');
            }
        span{
            float: left;
            width: 30px;
            height: 20px;
            text-align: center;
            display:inline-block;
            line-height: 20px;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            color: #666;
            }
   }
   .delp{
        width: 90px;
        line-height: 20px;
        color: #666;
   }
   .last{
       width: 91px;
       span{
            display: block;
            width: 52px;
            height: 18px;
            padding-left: 16px;
            color: #666;
            background: url('http://r.ytrss.com/rs/img/ec/v3/shopcart/shopping-icon.png') 0 -92px no-repeat;
       }
       a{
            display: block;
            width: 52px;
            height: 18px;
            padding-left: 16px;
            color: #666;
            cursor: pointer;
            background: url('http://r.ytrss.com/rs/img/ec/v3/shopcart/shopping-icon.png') 1px -125px no-repeat;
       }
   }
}
#sum{
    width: 938px;
    margin: 10px 0 20px;
    border: solid #ddd;
    border-width: 1px 1px 2px;
    background-color: #eee;
    .title{
        min-height: 24px;
        margin: 15px 20px 5px;
        background: none;
    }
    .left{
        float: left;
        line-height: 24px;
        input{
            float: left;
            width: 55px;
            margin-top: 5px;
            padding-left: 6px;
            line-height: 24px;
        }
        span{
            float: left;
            margin-right: 15px;
            line-height: 24px;
            color: #666;
            display: inline;
            width: 80px;
        }
        span:nth-child(2){
           
            width: 60px;
        }
    }
    .right{
        float: right;
        h3{
            height: 24px;
            line-height: 24px;
            padding: 0 6px 0 21px;
            font-weight: 700;
            font-size: 14px;
            border: none;
           background: url('http://r.ytrss.com/rs/img/EC/v3/shopcart/shopping-icon.png') 0 -330px no-repeat;
        };
    }
    .c{
        min-height: 24px;
        margin: 0 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #d2d2d2;
    }
    .c-r{
        float: right;
        height: 24px;
        line-height: 24px;
        padding-right: 6px;
        font-size: 14px;
        color: #bfbebe;
        strong{
            color: $chover;
        }
    }
    .jiao{
        width: 938px;
        height: 55px;
        padding-left: 595px;
        padding-top: 10px;
        span{display: block;
            float: left;
            height: 42px;
            line-height: 42px;
            font-size: 14px;
            font-weight: 700;
            color: #333;
        }
        strong{
            float: left;
            line-height: 42px;
            display: block;
            width: 80px;
            height: 42px;
            color: $chover;
            margin-right: 10px;
        }
        input{
            float: left;
            
            width: 147px;
            height: 43px;
            margin-left: 15px;
            overflow: hidden;
            cursor: pointer;
            border: none;
            cursor: not-allowed;
            background-position: 0 bottom;
            background: url('http://r.ytrss.com/rs/img/ec/v3/shopcart/shopping-submit.png') 0 0  no-repeat;
        }
    }
}


#xiaxia{
    width: 940px;
    margin: 0 auto;
    .title{
        height: 32px;
        border-bottom: 1px solid #e2e2e2;
        background-color: #f4f4f4;
        span{
            display: inline-block;
            background-color: #e1e1e1;
            height: 32px;
            line-height: 32px;
            padding: 0 20px;
            text-align: center;
            color: #666;
        }
        span:first-child{
            background: url('http://r.ytrss.com/rs/img/EC/v3/shopcart/shopping-interested.png') no-repeat 0 0;
   
        }
    }
    .ul{
        position: relative;
        height: 323px;
        padding-top: 25px;
        //overflow: hidden;
        padding:0 80px;
       span{
            
            position: absolute;
            width: 21px;
            height: 303px;
            background: url('http://r.ytrss.com/rs/img/EC/v3/shopcart/shopping-interested.png') no-repeat -42px -51px;
            cursor: pointer;
            z-index: 200;
       }
       .left{
           left: 0;
           top: 0;
       }
       .right{
           background-position: -63px -51px;
           right: 0;
           top: 0;
       }
    }
    
    ul{
        position: absolute;
        width:2610px;
        height: 303px;
        float: left;
        padding-top: 25px;
        left: 40px;
        z-index: 1;
        //overflow: hidden;
        //top: 0;
        
    }
    
    li{
        float: left;
        width: 152px;
        height: 303px;
        margin-right: 22px;
        img{
            width: 150px;
            height: 200px;
            border: 1px solid #e1e1e1;
            background-color: #f4f4f4;
        }
        p{
            height: 18px;
            overflow: hidden;
            padding-top: 5px;
            line-height: 18px;
            color: #666;
        }
        strong{
            height: 20px;
            color: #e5004f;
            display: block;
        }
        button{
            height: 28px;
           
            border: 1px solid #ccc;
            line-height: 28px;
            background: #eee;
        }
    }
}
